<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
<title>海苔商城</title>
<link rel="stylesheet" href="../css/shop/index.css" type="text/css"/>
</head>

<body>
<div class="wrap">
    <section class="page-head">
        <header>
            <div class="search-box">
                <div class="cont">
                    <i class="search-icon"></i>
                    <input type="text" placeholder="请输入商品关键字搜索" class="search-input" />
                </div>
            </div>
            <a href="javascript:;" class="menu-switch menu-switch-on"></a>
            <a href="javascript:;" class="card-icon">
                <span class="num">14</span>
            </a>
        </header>
        <nav>
            <ul class="nav-top fix">
                <li><a href="#"><i class="icon top-icon-0"></i> 推荐</a></li>
                <li><a href="#"><i class="icon top-icon-1"></i> 新品</a></li>
                <li><a href="#"><i class="icon top-icon-2"></i>热销</a></li>
                <li><a href="#"><i class="icon top-icon-3"></i> 分类</a></li>
            </ul>
        </nav>
        <div class="search-tab">
            <div class="tab-item fix">
                <a href="javascript:;" class="on">默认</a>
                <a href="javascript:;">按销量</a>
                <a href="javascript:;">按价格</a>
            </div>
        </div>
    </section>

    <div class="goods">
        <ul class="fix goods-list">
            <li>
                <a href="#">
                    <img src="../images/logo.png" class="pic">
                    <h4 class="tit ell">Beats music</h4>
                    <p class="desc ell">it is ok?i can say some things</p>
                    <p class="price"><span>￥179.00</span><span class="price-label hot-label">热销</span></p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../images/logo.png" class="pic">
                    <h4 class="tit ell">Beats music</h4>
                    <p class="desc ell">it is ok?i can say some things</p>
                    <p class="price"><span>￥179.00</span><span class="price-label down-label">降价</span></p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../images/logo.png" class="pic">
                    <h4 class="tit ell">Beats music</h4>
                    <p class="desc ell">it is ok?i can say some things</p>
                    <p class="price"><span>￥179.00</span><span class="price-label hot-label">热销</span></p>
                </a>
            </li>
            <li>
                <a href="#">
                    <img src="../images/logo.png" class="pic">
                    <h4 class="tit ell">Beats music</h4>
                    <p class="desc ell">it is ok?i can say some things</p>
                    <p class="price"><span>￥179.00</span><span class="price-label down-label">降价</span></p>
                </a>
            </li>
        </ul>
    </div>
</div>
</body>
</html>
